<template>
	<view >
		<nav-bar title="申请退单"></nav-bar>
		<scroll-view scroll-y style="width: 100%;">
		<order-list isChecked="true">
			<view class="flexjeac" style="height:100%" slot="btn">
				<text>实付款：</text>
				<text style="color: #FE4D4F;">$117.69</text>
			</view>
		</order-list>
		</scroll-view>
		<view class="btn_edit flexJcac">
			<view class="btn_cont" @click="submitApply">
				提交申请
			</view>
		</view>
	</view>
</template>

<script>
	import OrderList from '@/subPages/components/orderList'
	import NavBar from '@/components/nav-bar/index.vue'
	export default {
		components:{ NavBar, OrderList },
		data(){
			return{
				mainHeight:'',
				popupVisible:false
			}
		},
		created() {
			this.mainHeight = this.$store.getters.heightData.mainHeight
		},
		methods:{
			submitApply(){
				uni.navigateTo({
					url:`/subPages/order/chargeBackSuccess`
				})
			}
		}
		}
</script>

<style lang="scss" scoped>
	.booking{
		margin: 30rpx;
		border-radius: 17rpx;
	}
	.btn_edit{
		position: fixed;
		width: 100%;
		bottom: 0;
		height: 148rpx;
		opacity: 1;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 13rpx  #ADADAD;
		.btn_cont{
			width: 671rpx;
			height: 94rpx;
			opacity: 1;
			border-radius: 63rpx;
			background: #C27E15;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 10rpx 10rpx 10rpx 10rpx;
			font-size: 30rpx;
			font-weight: 500;
			letter-spacing: 0rpx;
			line-height: 43.44rpx;
			color: rgba(255, 255, 255, 1);
			text-align: left;
			vertical-align: top;
		}
	}
	.wdithBtn{
		width:117rpx;
		height:49rpx;
		color: #C27E15;
	}
	.wdithBtn1{
		width:117rpx;
		height:49rpx;
		background: #C27E15;
		color: #fff;
	}
</style>